
    var webpack = require('webpack');
    var path = require('path');
    var CleanWebpackPlugin = require('clean-webpack-plugin');
    var htmlWebpackPlugin = require('html-webpack-plugin');
    var ROOT_PATH = path.resolve(__dirname); //当前文件路径
    
    module.exports = {
        entry: __dirname + '/src/js/app.js',
        output: {
            path: __dirname + '/dist',
            filename: `[name].bundle.js` 
        },
        module: {
            loaders: [{
                test: /\.jsx?$/,
                exclude: /(node_modules)/,
                loader: 'babel-loader',
                query: {
                    presets: ['react', 'es2015']
                }
            }]
        },
        devServer: {
            contentBase: './dist/index.html',
            inline: true,
        },
        plugins: [
            new CleanWebpackPlugin(
                ['dist/main1.*.js','dist/manifest.*.js',],　 //匹配删除的文件
                {
                    root: __dirname,       　　　　　　　　　　//根目录
                    verbose:  true,        　　　　　　　　　　//开启在控制台输出信息
                    dry:      false        　　　　　　　　　　//启用删除文件
                }
            ),
            new htmlWebpackPlugin({
                title:"react app",
                filename: ROOT_PATH + '/dist/index.html', //生成的html存放路径，相对于 path
                template: ROOT_PATH + '/template/index.html', //html模板路径
                hash: false,
                inject:true,
            })
        ]
    }




//webpack.config.js
    // var webpack = require('webpack')
    // var path = require('path');
    // var htmlWebpackPlugin = require('html-webpack-plugin');
    // console.log(path);

    // var ROOT_PATH = path.resolve(__dirname); //当前文件路径
    // var REACT_PATH = path.resolve(ROOT_PATH,'react'); //项目文件夹
    // var REACT_BUILD_PATH = path.resolve(ROOT_PATH,'react_build'); //打包后的文件夹

    // console.log(__dirname)
    // module.exports = {
    //     entry: ROOT_PATH + "/js/index.js",
    //     output: {
    //         path: ROOT_PATH + '/dist/',
    //         filename: 'bundle.js',
    //         // publicPath: ROOT_PATH + '/build', //编译好的文件，在服务器的路径,这是静态资源引用路径
    //     },
    //     module: {
    //         loaders: [{
    //             test: /\.jsx?$/,
    //             exclude: /(node_modules)/,
    //             loader: 'babel-loader',
    //             query: {
    //                 presets: ['react', 'es2015']
    //             }
    //         }]
    //     },
    //     devServer: {
    //         //不跳转
    //         historyApiFallback: true,//依赖于HTML5 history API，如果设置为true，所有的跳转将指向index.html
    //         hot: true,
    //         inline: true,//当源文件改变时会自动刷新页面
    //         progress: true,
    //     },
    //     plugins:[
    //         new htmlWebpackPlugin({
    //             title:"react app",
    //             filename: ROOT_PATH + '/dist/index.html', //生成的html存放路径，相对于 path
    //             template: ROOT_PATH + '/template/index.html', //html模板路径
    //             hash: false,
    //             inject:true,
    //             // chunks:['index']
    //         })
    //     ]

    // }